<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>02-js数据类型与属性获取</title>
		<style>
			*{margin:0;padding:0;}
			a{text-decoration:none;}
			ul,li{list-style:none;}
			body{font-size:12px;font-family:"微软雅黑";}
			
			#box{
				position:relative;
				width:400px;
				height:300px;
				margin:100px auto;
				background-color:red;
			}
			#box2{
				position:absolute;
				display:none;
				bottom:0;
				width:400px;
				height:100px;
				background-color:yellow;
			}
		</style>
	</head>
	<body>
		
		<div id="box">
			<div id="box2"></div>	
		</div>
	
		<script type="text/javascript">
			var boxdom = document.getElementById("box");
			var boxdom2 = document.getElementById("box2");
			boxdom.onmouseenter = function(){
				boxdom2.style.display="block";
			}
			boxdom.onmouseleave = function(){
				boxdom2.style.display="none";
			}
		</script>	
		
		
	</body>
</html>
